<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="test.html" method="get">
        文本框:<input type="text" name="username" id=""><br>
        密码框: <input type="password" name="password" id=""><br>
           性别：<input type="radio" name="gender" id="" value="男">男
    <input type="radio" name="gender" id="" value="女">女<br>

        
        <input type="submit" value="提交submit">
         <button>button标签</button>
        
        <!-- submit，button提交的是form表单 -->
    </form>

    <!-- 单选按钮： --><br>
    性别：<input type="radio" name="gender" id="">男
    <input type="radio" name="gender" id="">女<br>
    <!-- 点击文本也可以选择按钮 -->
    学历：<input type="radio" name="edu" id="edu1"><label for="edu1">本科及以上</label>
    <input type="radio" name="edu" id="edu2"><label for="edu2">高中及以下</label><br>
    <!-- 复选框 -->
    兴趣爱好：<input type="checkbox" name="n1">足球<input type="checkbox" name="n1">篮球
    <input type="checkbox" name="n1">乒乓球<input type="checkbox" name="n1">羽毛球<br>

    <!-- 提交按钮    alert:警告提示 -->
    <input type="button" value="提交" onclick="alert('你好！')">
    <button>button标签</button>
     <input type="submit" value="提交submit">





</body>

</html>